' +
'x: ' +
' y: '+
' w: '+
' h: '+
' iframe width: '+
' Breakpoint: ' +
'Delete');
evt.preventDefault();
return false;
});
}
function aiCheckHeightNumber(element, id) {
aiCheckInputNumber(element);
aiUpdateHeightHiddenField(id);
}
function aiCheckHeightNumberMediaQuery(element, id) {
aiCheckInputNumber(element);
aiUpdateHeightHiddenFieldMediaQuery(id);
}
function aiUpdateHeightHiddenField(id) {
var heightDefault = jQuery('#ai-'+id+'-0').val();
var breakpoints = [];
jQuery('.mq-breakpoint-'+id).each(function( index ) {
var heightChild = jQuery(this).children().eq(0).val();
var breakpointChild = jQuery(this).children().eq(1).val();
if (heightChild !== '' && breakpointChild !== '') {
breakpoints.push({
heightChild: heightChild,
breakpointChild: breakpointChild
});
}
});
// we sort to have higher breakpoints first. Because of css cascading styles order is important
breakpoints.sort(function(a, b) {
return b.breakpointChild - a.breakpointChild;
});
let output = heightDefault;
breakpoints.forEach(function(element) { output += ',' + element.heightChild + '|' + element.breakpointChild; });
jQuery('#'+id).val(output);
const newVal = jQuery('#description-'+id).html().split('Shortcode attribute: ')[0];
jQuery('#description-'+id).html(newVal + 'Shortcode attribute: ' + id + '="' + output + '"');
}
function aiUpdateHeightHiddenFieldMediaQuery(id) {
var breakpoints = [];
jQuery('.mq-breakpoint-'+id).each(function( index ) {
var mediaX = jQuery(this).children().eq(0).val();
var mediaY = jQuery(this).children().eq(1).val();
var mediaW = jQuery(this).children().eq(2).val();
var mediaH = jQuery(this).children().eq(3).val();
var mediaIW = jQuery(this).children().eq(4).val();
var breakpointChild = jQuery(this).children().eq(5).val();
if ((mediaX !== '' || mediaY !== '' || mediaW !== '' || mediaH !== '' || mediaIW !== '') &&
breakpointChild !== '') {
breakpoints.push({
mediaX: mediaX,
mediaY: mediaY,
mediaW: mediaW,
mediaH: mediaH,
mediaIW: mediaIW,
breakpointChild: breakpointChild
});
}
});
// we sort to have higher breakpoints first. Because of css cascading styles order is important
breakpoints.sort(function(a, b) {
return b.breakpointChild - a.breakpointChild;
});
let output = '';
breakpoints.forEach(function(element) { output += ',' + element.mediaX + '|' + element.mediaY + '|' +
element.mediaW + '|' + element.mediaH + '|' + element.mediaIW + '|' + element.breakpointChild });
output = output.replace(/(^,)|(,$)/g, "");
jQuery('#'+id).val(output);
// update description
const newVal = jQuery('#description-'+id).html().split('Shortcode attribute: ')[0];
jQuery('#description-'+id).html(newVal + 'Shortcode attribute: ' + id + '="' + output + '"');
}
function aiSettingsSearch(searchTerm, accType) {
var found = 0;
if (searchTerm !== '') {
jQuery('#ai p').not('.form-table p').hide();
jQuery('#ai ul').not('.form-table ul').hide();
jQuery('#ai ol').not('.form-table ol').hide();
if (accType !== 'false') {
jQuery('#ai h1').not('.show-always').hide();
jQuery('#ai #accordion').attr('id','acc');
jQuery('#ai #acc > div').show();
jQuery('#ai #spacer-div').show();
}
jQuery('#ai h2,#ai .icon_ai,#ai h3,#ai h4').not('.show-always').hide();
jQuery('#ai .form-table').addClass('ai-remove-margin');
jQuery('#ai hr, .signup_account_container, .config-file-block').hide();
jQuery('#ai .hide-always').hide();
jQuery('#ai .hide-search').hide();
jQuery('#ai .postbox-container').not('.show-always').hide();
} else {
jQuery('#ai p').not('.form-table p').show();
jQuery('#ai section .ai-anchor').show();
jQuery('#ai ul').not('.form-table ul').show();
jQuery('#ai ol').not('.form-table ol').show();
if (accType !== 'false') {
jQuery('#ai h1').not('.show-always').show();
jQuery('#ai #acc').attr('id','accordion');
jQuery('#ai #accordion > div').hide();
jQuery('#ai #spacer-div').hide();
}
jQuery('#ai h2,#ai .icon_ai,#ai h3,#ai h4').not('.show-always').show();
jQuery('#ai .form-table').removeClass('ai-remove-margin');
jQuery('#ai hr, .signup_account_container, .config-file-block').show();
jQuery('#ai .sub-domain-container').show();
jQuery('#ai .hide-search').show();
jQuery('#ai .hide-always').hide();
jQuery('#ai .postbox-container').show();
setTimeout(function() {
jQuery('#ai .postbox-container .closed .inside').css('display', '');
}, 5);
}
jQuery('#ai .mark-tab-header').removeClass('mark-tab-header');
var firstHit = '';
// check the search.
jQuery('#ai tr').each(function() {
var $this = jQuery(this);
var valueLabel = $this.find('th').text();
var valueDescription = $this.find('p.description').text();
valueLabel = (valueLabel !== undefined) ? valueLabel.toLowerCase() : 'XXXXXXX';
valueDescription = (valueDescription !== undefined) ? valueDescription.toLowerCase() : 'XXXXXXX';
if (valueLabel.indexOf(searchTerm) === -1 && valueDescription.indexOf(searchTerm) === -1) {
$this.addClass('hide-setting');
} else {
$this.closest('table').prevAll('h2:first').show();
$this.closest('.postbox-container').show();
$this.closest('.postbox-container').find('h2, .inside').show();
$this.closest('table').prevAll('#ai .icon_ai:first').show();
$this.closest('table').nextAll('p.button-submit:first').show();
$this.removeClass('hide-setting');
$this.closest('.hide-search').show();
if (searchTerm.length > 2) {
var headerId = $this.closest('section').attr('class');
if (headerId !== undefined) {
jQuery('#' + headerId).addClass('mark-tab-header');
if (firstHit==='') {
firstHit = headerId;
}
}
}
found++;
}
});
if (found === 0) {
jQuery('#ai-input-search-result').show();
jQuery('#ai .mark-tab-header').removeClass('mark-tab-header');
} else {
jQuery('#ai-input-search-result').hide();
// https://github.com/padolsey/findAndReplaceDOMText
aiInstance && aiInstance.revert();
if (searchTerm !== '' && searchTerm.length > 2) {
var regex = RegExp(searchTerm, 'gi');
aiInstance = findAndReplaceDOMText(document.getElementById('tab_wrapper'), {
find: regex,
wrap: 'em'
});
}
jQuery('#' + firstHit).click();
}
}
/**
* Resizes the iframe with a certain ratio.
* Width is read and the height is than calculated.
*/
function aiResizeIframeRatio(obj, ratio) {
aiDebugExtended("aiResizeIframeRatio");
var width = jQuery('#' + obj.id).width();
var valueRatio = parseFloat(ratio.replace(',', '.'));
var newHeight = Math.ceil(width * valueRatio);
obj.height = newHeight;
obj.style.height = newHeight + 'px';
}
/**
* Generate a shortcode string from the current settings.
*/
function aiGenerateShortcode(isPro) {
var output = '[advanced_iframe ';
// default section
if (jQuery('#securitykey').val() !=='') {
output += 'securitykey="' + jQuery('#securitykey').val() + '" ';
}
output += 'use_shortcode_attributes_only="true" ';
var include_html_val = jQuery('#include_html').val();
var include_url_val = jQuery('#include_url').val();
var document_domain_add = jQuery('#document_domain_add').val();
if (include_html_val === undefined || (include_html_val === '' && include_url_val === '')) {
var src = jQuery('#src').val();
if (src === '') {
alert('Required url is missing.');
} else {
output += 'src="' + src + '" ';
}
output += aiGenerateTextShortcode('src_hide');
output += aiGenerateTextShortcode('width');
output += aiGenerateTextShortcode('height');
output += aiGenerateRadioShortcode('scrolling','none');
output += aiGenerateRadioShortcode('add_surrounding_p','false');
output += aiGenerateRadioShortcode('enable_ios_mobile_scolling','false');
output += aiGenerateTextShortcode('marginwidth');
output += aiGenerateTextShortcode('marginheight');
output += aiGenerateTextShortcode('frameborder');
output += aiGenerateRadioShortcode('transparency','true');
output += aiGenerateTextShortcode('class');
output += aiGenerateTextShortcode('style');
output += aiGenerateTextShortcodeWithDefault('id', 'advanced_iframe');
output += aiGenerateTextShortcode('name');
output += aiGenerateRadioShortcode('allowfullscreen','false');
output += aiGenerateTextShortcode('safari_fix_url');
output += aiGenerateTextShortcode('sandbox');
output += aiGenerateTextShortcode('title');
output += aiGenerateTextShortcode('allow');
output += aiGenerateRadioShortcode('loading','lazy');
output += aiGenerateTextShortcode('referrerpolicy');
output += aiGenerateTextShortcode('custom');
// advanced settings
output += aiGenerateTextShortcode('url_forward_parameter');
output += aiGenerateTextShortcode('map_parameter_to_url');
output += aiGenerateRadioShortcode('add_iframe_url_as_param','false');
output += aiGenerateTextShortcode('add_iframe_url_as_param_prefix');
output += aiGenerateRadioShortcode('add_iframe_url_as_param_direct','false');
output += aiGenerateRadioShortcode('use_iframe_title_for_parent','false');
output += aiGenerateRadioShortcode('onload_scroll_top','false');
output += aiGenerateRadioShortcode('hide_page_until_loaded','false');
output += aiGenerateRadioShortcode('show_iframe_loader','false');
output += aiGenerateTextShortcode('hide_content_until_iframe_color');
output += aiGenerateTextShortcode('iframe_zoom');
output += aiGenerateRadioShortcode('iframe_zoom_ie8', 'false');
output += aiGenerateRadioShortcode('use_zoom_absolute_fix', 'false');
output += aiGenerateRadioShortcode('auto_zoom', 'false');
output += aiGenerateTextShortcode('auto_zoom_by_ratio');
output += aiGenerateRadioShortcode('enable_responsive_iframe','false');
output += aiGenerateTextShortcode('iframe_height_ratio');
output += aiGenerateRadioShortcode('enable_lazy_load','false');
output += aiGenerateTextShortcodeWithDefault('enable_lazy_load_threshold','3000');
output += aiGenerateRadioShortcode('enable_lazy_load_reserve_space','true');
output += aiGenerateTextShortcode('enable_lazy_load_fadetime');
output += aiGenerateRadioShortcode('enable_lazy_load_manual','false');
output += aiGenerateRadioShortcode('enable_lazy_load_manual_element','false');
output += aiGenerateTextShortcode('reload_interval');
// modify the parent page
output += aiGenerateTextShortcode('hide_elements');
output += aiGenerateTextShortcode('content_id');
output += aiGenerateTextShortcode('content_styles');
output += aiGenerateTextShortcode('parent_content_css');
output += aiGenerateRadioShortcode('add_css_class_parent','false');
output += aiGenerateTextShortcode('change_parent_links_target');
output += aiGenerateRadioShortcode('show_iframe_as_layer', 'false');
output += aiGenerateRadioShortcode('show_iframe_as_layer_full', 'false');
output += aiGenerateTextShortcode('show_iframe_as_layer_autoclick_delay');
output += aiGenerateTextShortcode('show_iframe_as_layer_autoclick_hide_time');
output += aiGenerateTextShortcode('show_iframe_as_layer_header_file');
output += aiGenerateTextShortcodeWithDefault('show_iframe_as_layer_header_height','100');
output += aiGenerateRadioShortcode('show_iframe_as_layer_header_position', 'top');
output += aiGenerateRadioShortcode('show_iframe_as_layer_keep_content', 'true');
// show only a part of the iframe
var showPartOfIframe = aiGenerateRadioShortcode('show_part_of_iframe','false');
output += showPartOfIframe;
if (showPartOfIframe !== '') {
output += aiGenerateTextShortcodeWithDefault('show_part_of_iframe_x',-1);
output += aiGenerateTextShortcodeWithDefault('show_part_of_iframe_y',-1);
output += aiGenerateTextShortcode('show_part_of_iframe_width');
output += aiGenerateTextShortcode('show_part_of_iframe_height');
output += aiGenerateTextShortcode('show_part_of_iframe_media_query');
output += aiGenerateRadioShortcode('show_part_of_iframe_allow_scrollbar_horizontal','false');
output += aiGenerateRadioShortcode('show_part_of_iframe_allow_scrollbar_vertical','false');
output += aiGenerateTextShortcode('show_part_of_iframe_style');
output += aiGenerateRadioShortcode('show_part_of_iframe_zoom','false');
output += aiGenerateTextShortcode('show_part_of_iframe_next_viewports');
output += aiGenerateRadioShortcode('show_part_of_iframe_next_viewports_loop','false');
output += aiGenerateTextShortcode('show_part_of_iframe_new_window');
output += aiGenerateTextShortcode('show_part_of_iframe_new_url');
output += aiGenerateRadioShortcode('show_part_of_iframe_next_viewports_hide','false');
}
output += aiGenerateTextShortcode('hide_part_of_iframe');
// same domain
output += aiGenerateRadioShortcode('add_css_class_iframe','false');
output += aiGenerateTextShortcode('iframe_hide_elements');
output += aiGenerateTextShortcode('onload_show_element_only');
output += aiGenerateTextShortcode('iframe_content_id');
output += aiGenerateTextShortcode('iframe_content_styles');
output += aiGenerateTextShortcode('iframe_content_css');
output += aiGenerateTextShortcode('change_iframe_links');
output += aiGenerateTextShortcode('change_iframe_links_target');
output += aiGenerateTextShortcode('change_iframe_links_href');
// resize content height
output += aiGenerateTextShortcode('onload');
output += aiGenerateRadioShortcode('onload_resize','false');
output += aiGenerateTextShortcode('onload_resize_delay');
output += aiGenerateRadioShortcode('store_height_in_cookie','false');
output += aiGenerateTextShortcode('additional_height');
output += aiGenerateRadioShortcode('onload_resize_width','false');
output += aiGenerateTextShortcode('resize_on_ajax');
output += aiGenerateRadioShortcode('resize_on_ajax_jquery','true');
output += aiGenerateTextShortcode('resize_on_click');
output += aiGenerateTextShortcodeWithDefault('resize_on_click_elements','a');
output += aiGenerateTextShortcode('resize_on_element_resize');
output += aiGenerateTextShortcodeWithDefault('resize_on_element_resize_delay','250');
// tabs
output += aiGenerateTextShortcode('tab_hidden');
output += aiGenerateTextShortcode('tab_visible');
// cross domain ....
output += aiGenerateRadioShortcode('add_document_domain','false');
//
if (document_domain_add === 'true') {
output += aiGenerateTextShortcode('document_domain');
}
output += aiGenerateRadioShortcode('enable_external_height_workaround','external');
output += aiGenerateRadioShortcode('hide_page_until_loaded_external','false');
output += aiGenerateTextShortcode('pass_id_by_url');
output += aiGenerateRadioShortcode('multi_domain_enabled','true');
if (isPro === 'true') {
output += aiGenerateRadioShortcode('use_post_message','true');
} else {
output += aiGenerateRadioShortcode('use_post_message','false');
}
// additional files
output += aiGenerateTextShortcode('additional_css');
output += aiGenerateTextShortcode('additional_js');
output += aiGenerateTextShortcode('additional_js_file_iframe');
output += aiGenerateTextShortcode('additional_css_file_iframe');
} else { // include content directly
if (include_html_val === '') {
output += aiGenerateTextShortcode('include_url');
output += aiGenerateTextShortcode('include_content');
output += aiGenerateTextShortcode('include_height');
output += aiGenerateTextShortcode('include_fade');
output += aiGenerateRadioShortcode('include_hide_page_until_loaded','false');
} else {
output += aiGenerateTextShortcode('include_html');
}
}
// options
output += aiGenerateRadioShortcode('debug_js','false');
output = output.slice(0, -1);
output += ']';
jQuery('#gen-shortcode').html(output);
}
/**
* Generate a text shortcode with default
*/
function aiGenerateTextShortcodeWithDefault(field, defaultValue) {
var output = '';
var value = jQuery('#' + field);
var val = value.val();
if (value.length > 0 && val !== '' && val !== defaultValue) {
output = field + '="' + val + '" ';
}
return output;
}
/**
* Generate a text shortcode if the value is not empty or != 0
*/
function aiGenerateTextShortcode(field) {
var output = '';
var value = jQuery('#' + field);
var val = value.val();
if (value.length > 0 && val !== '' && val !== '0') {
output = field + '="' + val + '" ';
}
return output;
}
/**
* Generate a radio shortcode with default
*/
function aiGenerateRadioShortcode(field, defaultValue) {
var output = '';
var value = jQuery('input:radio[name='+field+']:checked');
var val = value.val();
if (field === 'enable_ios_mobile_scolling') {
field = 'enable_ios_mobile_scrolling';
}
if (value.length > 0 && val !== defaultValue) {
output += field + '="' + val + '" ';
}
return output;
}
/**
* Add a css class to the parents to enable that the iframe parents
* can be identified very easy. Is an is ist set ai-class- is used.
* Otherwise a-class- with an increasing number is used.
*/
function aiAddCssClassAllParents(element) {
var parents = jQuery(element).parentsUntil( 'html' );
var ai_class= 'ai-class-';
for(var i = 0; i < parents.length; i++){
var id = jQuery(parents[i]).attr('id');
if (typeof id !== 'undefined') {
if (id.indexOf('ai-') !== 0) {
jQuery(parents[i]).addClass(ai_class + id);
}
} else {
jQuery(parents[i]).addClass(ai_class + i);
}
}
}
function aiAutoZoomExternalHeight(id, width, height, responsive) {
aiDebugExtended("aiAutoZoomExternalHeight");
var parentWidth = aiAutoZoomExternal(id, width, responsive);
var zoomRatio = window['zoom_' + id];
var oldScrollposition = jQuery(document).scrollTop();
var newHeight = Math.ceil(height*zoomRatio);
jQuery('#ai-zoom-div-' + id).css('height', newHeight);
jQuery("html,body").scrollTop(oldScrollposition);
return parentWidth;
}
function aiAutoZoomExternal(id, width, responsive) {
aiDebugExtended("aiAutoZoomExternal");
var obj = document.getElementById(id);
var objAround = document.getElementById('ai-zoom-div-' +id);
var jObj = jQuery('#' + id);
if (responsive === 'true') {
jObj.css('max-width', '100%');
}
var iframeWidth = width;
var parentWidth = aiGetParentIframeWidth(obj);
if (parentWidth === iframeWidth) {
// we check again the surrounding div as some browser do return the zoomes value!
parentWidth = aiGetParentIframeWidth(objAround);
}
var zoomRatio = parentWidth / iframeWidth;
var zoomRatioRounded = Math.floor(zoomRatio * 100) / 100;
if (zoomRatioRounded > 1) {
zoomRatioRounded = 1;
}
aiSetZoom(id, zoomRatioRounded);
window['zoom_' + id] = zoomRatioRounded;
jObj.width(iframeWidth).css('max-width', 'none');
return parentWidth;
}
function aiAutoZoom(id, responsive, ratio) {
aiDebugExtended("aiAutoZoom");
var parts = ratio.split('|');
ratio = parts[0];
var width = -1;
if (parts.length !== 1) {
width = parts[1];
}
var obj = document.getElementById(id);
var iframeWidth;
if (width === -1) {
obj.width = 1; // set to 1 because otherwise the iframe does never get smaller.
obj.style.width = '1px';
iframeWidth = aiGetIframeWidth(obj);
obj.width = iframeWidth;
obj.style.width = iframeWidth + 'px';
} else {
iframeWidth = width;
}
var parentWidth = aiAutoZoomExternal(id, iframeWidth, responsive);
if (ratio === '') {
aiResizeIframe(obj, false);
} else {
var newheight = Math.ceil(iframeWidth * ratio);
obj.height = newheight;
obj.style.height = newheight + 'px';
// set the height of the zoom div
if (jQuery('#ai-zoom-div-' + obj.id).length !== 0) {
var zoom = window['zoom_' + obj.id];
jQuery('#ai-zoom-div-' + obj.id).css('height', Math.ceil(newheight * zoom));
}
}
return parentWidth;
}
/**
* Set the zoom div settings dynamically.
*/
function aiSetZoom(id, zoom) {
var obj = jQuery('#' + id);
if (aiIsIe8 === true) {
obj.css('-ms-zoom', zoom);
}
obj.css({
'-ms-transform': 'scale(' + zoom + ')',
'-moz-transform': 'scale(' + zoom + ')',
'-o-transform': 'scale(' + zoom + ')',
'-webkit-transform': 'scale(' + zoom + ')',
'transform': 'scale(' + zoom + ')'
});
}
function aiAutoZoomViewport(id, full) {
var viewportDiv = jQuery(id);
var outerDiv = viewportDiv.parent();
var counter = 0;
// We only go up and look for divs which are not from ai or p elements which are rendered by mistake.
while (outerDiv.is('p') || (outerDiv.attr('id') !== undefined && outerDiv.attr('id').indexOf('ai-') === 0)) {
outerDiv = outerDiv.parent();
if (counter++ > 10) {
alert('Unexpected div structure. Please disable the zoom.');
break;
}
}
var viewportDivWidth = viewportDiv.width();
var outer_div_width = outerDiv.width();
var viewportDivHeight = viewportDiv.height();
var zoom = outer_div_width / viewportDivWidth;
if (full === 'true' && zoom > 1) {
zoom = 1;
}
aiSetZoom(viewportDiv.attr('id'), zoom);
// set the margin because otherwise it is normally "centered" in the old area
var marginLeft = -Math.round((viewportDivWidth - viewportDivWidth * zoom) / 2);
var marginTop = -Math.round((viewportDivHeight - viewportDivHeight * zoom) / 2);
viewportDiv.css({
'margin-left': marginLeft + 'px',
'margin-right': marginLeft + 'px',
'margin-top': marginTop + 'px',
'margin-bottom': marginTop + 'px'
});
}
function aiResetAiSettings() {
jQuery('#action').val('reset');
}
function aiCheckInputNumber(inputField) {
inputField.value = inputField.value.split(' ').join('');
var f = inputField.value;
if (inputField.value === '') {
return;
}
var match = f.match(/^(\-){0,1}([\d.])+(px|%|em|pt|vh|vw|rem|ch)?(\-|\+){0,1}([\d.]){0,7}(px|%|em|pt|vh|vw|rem|ch)?$/);
if (!match) {
alert('Please check the value you have entered. Only numbers with a dot or with an optional px, %, em or pt are allowed.');
setTimeout(function(){inputField.focus();}, 10);
}
}
function aiCheckInputPurchaseCode (inputField) {
inputField.value = inputField.value.split(' ').join('');
var f = inputField.value;
if (inputField.value === '') {
return;
}
if (!f.match(/^([a-f0-9]{8})-(([a-f0-9]{4})-){3}([a-f0-9]{12})$/i)) {
alert('Please check the value you have entered. Your input seems not to be a valid purchase code.');
inputField.value = '';
setTimeout(function(){inputField.focus();}, 10);
}
}
function aiCheckInputNumberOnly(inputField) {
inputField.value = inputField.value.split(' ').join('');
var f = inputField.value;
if (inputField.value === '') {
inputField.value = '0';
return;
}
var match = f.match(/^(\-){0,1}([\d.])+$/);
if (!match) {
alert('Please check the value you have entered. Only numbers without a dot or optional px, %, em or pt are allowed.');
setTimeout(function(){inputField.focus();}, 10);
}
}
// https://codepen.io/anon/pen/baaLYB/
function aiShowHeader(id, element) {
var y = jQuery(window).scrollTop();
jQuery(window).scrollTop(y-40);
if (element !== undefined) {
aiFlashElement(element);
}
}
function aiFlashElement(element) {
setTimeout(function() { jQuery('#' +element).css('background-color','#eee'); } , 500);
setTimeout(function() { jQuery('#' +element).css('background-color','#fff'); } , 900);
setTimeout(function() { jQuery('#' +element).css('background-color','#eee'); } , 1300);
setTimeout(function() { jQuery('#' +element).css('background-color','#fff'); } , 1700);
}
function aiSetScrollposition() {
var scrollposition = jQuery(document).scrollTop();
jQuery('#scrollposition').val(scrollposition); // +32
}
function aiResetShowPartOfAnIframe(id) {
jQuery('#' + id).css('top','0px').css('left','0px').css('position','static');
jQuery('#ai-div-' + id).css('width','auto').css('height','auto').css('overflow','auto').css('position','static');
}
function aiShowLayerIframe(event, id, path, hideUntilLoaded, showLoadingIcon, keep, reload) {
aiDebugExtended("aiShowLayerIframe");
keep = (keep === undefined) ? false : keep;
reload = (reload === undefined) ? true : reload;
var layerId = '#' + id;
jQuery('#ai-zoom-div-' + id).show();
if (reload && hideUntilLoaded === 'true') {
jQuery(layerId).css('visibility', 'hidden');
}
jQuery(layerId).show();
if ( jQuery( '#ai-layer-div-' + id ).length ) {
layerId = '#ai-layer-div-' + id;
jQuery(layerId).show();
}
jQuery('body').css('overflow','hidden');
jQuery('html').css('overflow-y','visible');
jQuery('body').append('
');
// was 'body' before
var icon = '';
if (reload && showLoadingIcon==='true') {
icon = '
';
}
if (jQuery('#ai_backlayer').length === 0) { // we do not have a layer yet...
jQuery(layerId).parent().append('' + icon);
}
jQuery( '#ai_backlink, #ai_backlayer' ).click(function() {
aiHideLayerIframe(id, keep);
});
if (!reload) {
event.preventDefault();
event.stopPropagation();
}
}
function aiHideLayerIframe(id, keep) {
aiDebugExtended("aiHideLayerIframe");
jQuery('#' + id).hide();
if (!keep) {
jQuery('#' + id).attr('src', 'about:blank');
aiLayerIframeHrefs[id] = 'about:blank';
}
jQuery('#ai-zoom-div-' + id).hide();
jQuery('#ai-layer-div-' + id).hide();
jQuery('#ai_backlink').remove();
jQuery('#ai_backlayer').remove();
jQuery('#ai-div-loader-global').remove();
jQuery('body').css('overflow','auto');
jQuery('html').css('overflow-y','scroll');
}
/**
* As the src of an iframe cannot be read from a remote domain we remember
* the urls from the links here for each opened iframe.
*/
var aiLayerIframeHrefs = [];
/**
* Check if the location of the iframe is already the one of the link.
* The iframe is only loaded if it is was not loaded already.
*
* true - if src and url of the iframe is different and need to be loaded
* false - if it is already the same;
*/
function aiCheckReload (link, id) {
var iframeSrc;
if(typeof aiLayerIframeHrefs[id] === 'undefined') {
iframeSrc = jQuery('#' + id).attr('src');
} else {
iframeSrc = aiLayerIframeHrefs[id];
}
var linkHref = jQuery(link).attr('href');
// alert(linkHref + ": iframe:" + iframeSrc);
aiLayerIframeHrefs[id] = linkHref;
return (iframeSrc !== linkHref);
}
function aiChangeTitle(id) {
aiDebugExtended("aiChangeTitle");
try {
var title = document.getElementById(id).contentDocument.title;
if (title !== null && title !== 'undefined' && title !== '') {
document.title = title;
}
} catch(e) {
if (console && console.error) {
console.error('Advanced iframe configuration error: You have enabled to add the title if the iframe to the parent on the same domain. But you use an iframe page on a different domain. You need to use the pro version of the external workaround like described in the settings. Also check the next log. There the browser message for this error is displayed.');
console.log(e);
}
}
}
/**
* This changes the current url and adds or updates the
* existing parameter with the given url
*/
function aiChangeUrlParam(loc, param, orig, prefix, isDirect) {
aiDebugExtended("aiChangeUrlParam");
var newUrl;
var keepSlash = false;
// add protocol if // is used in the shortcode
if (orig.lastIndexOf("//", 0) !== -1) {
orig = location.protocol + orig;
}
if (loc !== encodeURIComponent(orig)) {
newUrl = aiSetGetParameter(param, loc);
var removeProtocol = true;
if (prefix.startsWith('hash')) {
var locBase = loc; // aiRemoveQueryString(loc);
return aiGetUrlMapping(locBase, param, prefix);
} else if (prefix) {
var repUrl = newUrl.replace(prefix,'');
if (repUrl === newUrl) {
removeProtocol = false;
}
newUrl = repUrl;
}
// remove protocoll
if (removeProtocol) {
newUrl = newUrl.replace('http%3A%2F%2F','');
if (window.location.href.toLowerCase().lastIndexOf("http:", 0) !== -1) {
newUrl = newUrl.replace('https%3A%2F%2F','s|');
} else {
newUrl = newUrl.replace('https%3A%2F%2F','');
}
}
if (isDirect) {
var newUrl = aiRemoveQueryString(window.location.href);
var locDecoded = decodeURIComponent(loc);
var queryStart = locDecoded.indexOf('?');
if (queryStart !== -1) {
var queryPart = locDecoded.slice(queryStart + 1);
newUrl += '?' + queryPart;
keepSlash = true;
}
}
if (aiEndsWidth(newUrl, param + "=")) {
newUrl = aiRemoveURLParameter(newUrl, param);
}
} else {
var fullUrl = window.location.href;
// remove param/* first
fullUrl = fullUrl.split("/" + param + "/",1)[0];
newUrl = aiRemoveURLParameter(fullUrl, param);
}
aiSetBrowserUrl(newUrl, keepSlash);
}
function aiGetUrlMappingUrl(param, prefix, id) {
var fullUrl = window.location.href;
param = param.replace(":short", "");
var newUrl = aiRemoveURLParameter(fullUrl, param);
if (prefix.startsWith('hashrewrite')) {
// remove param/* first
var queryString = "";
if (newUrl.indexOf('?') >= 0) {
var newUrlArray = newUrl.split('?');
newUrl = newUrlArray[0];
queryString = '?' + newUrlArray[1];
}
var baseUrl = newUrl.split("/" + param + "/",1)[0];
// add the path before the query string
if (!aiEndsWidth(baseUrl, "/")) {
baseUrl += '/';
}
var path = param +"/";
newUrl = baseUrl + path + id + queryString;
} else {
var seperator = (newUrl.indexOf('?') >= 0) ? '&' : '?';
newUrl += seperator+param+"=" + id;
}
return newUrl;
}
function aiSetBrowserUrl(newUrl, keepSlash) {
if (aiSupportsHistoryApi()) {
if (!keepSlash) {
newUrl = newUrl.replace(/%2F/g,'/');
}
window.history.pushState({}, '', newUrl);
// I asume the back button is clicked.
window.onpopstate = function(event) {
if(event && event.state) {
window.history.back();
}
};
}
}
function aiRemoveQueryString(loc) {
if (loc.indexOf('%3F') >= 0) {
return loc.split('%3F')[0];
} else if (loc.indexOf('?') >= 0) {
return loc.split('?')[0];
} else {
return loc;
}
}
function aiGetUrlMapping(url, param, prefix) {
var data = {
action: 'aip_map_url_action',
security : MyAjax.security,
url: url
};
// since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
jQuery.post(MyAjax.ajaxurl, data, function(id) {
var newUrl = aiGetUrlMappingUrl(param, prefix, id);
aiSetBrowserUrl(newUrl, false);
});
}
function closeInfoPermanent(id) {
var data = {
action: 'aip_close_message_permanent',
security : MyAjax.security,
id: id
};
// since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
var message = 'The message before will only appear again when you reset the advanced iframe settings.';
if (id === 'show-discount-message') {
message = 'The message of advanced iframe shown before will only appear again when you reset the advanced iframe settings or a new discount is available.';
} else if (id === 'show-registration-message') {
message = 'The message will appear again until have entered your purchase code.';
}
jQuery.post(MyAjax.ajaxurl, data, function(id) {
jQuery('h1').after('');
});
setTimeout(function() { jQuery(".message-notice").fadeOut() }, 4000);
}
function aiSupportsHistoryApi() {
return !!(window.history && history.pushState);
}
function aigetIframeLocation(id) {
try {
var location = document.getElementById(id).contentWindow.location;
return encodeURIComponent(location);
} catch(e) {
if (console && console.error) {
console.error('Advanced iframe configuration error: You have enabled to add the url to the url on the same domain. But you use an iframe page on a different domain. You need to use the pro version of the external workaround like described in the settings. Also check the next log. There the browser message for this error is displayed.');
console.log(e);
}
}
}
/**
* Replaces a url parameter with a given value.
*/
function aiSetGetParameter(paramName, paramValue)
{
var url = window.location.href;
var splitAtAnchor = url.split('#');
url = splitAtAnchor[0];
var anchor = typeof splitAtAnchor[1] === 'undefined' ? '' : '#' + splitAtAnchor[1];
if (url.indexOf(paramName + '=') >= 0) {
var prefix = url.substring(0, url.indexOf(paramName+ '='));
var suffix = url.substring(url.indexOf(paramName+ '='));
suffix = suffix.substring(suffix.indexOf('=') + 1);
suffix = (suffix.indexOf('&') >= 0) ? suffix.substring(suffix.indexOf('&')) : '';
url = prefix + paramName + '=' + paramValue + suffix;
} else {
if (url.indexOf('?') < 0) {
url += '?' + paramName + '=' + paramValue;
} else {
url += '&' + paramName + '=' + paramValue;
}
}
return url + anchor;
}
/**
* Remove a given parameter from the url
*/
function aiRemoveURLParameter(url, parameter) {
//prefer to use l.search if you have a location/link object
var urlparts= url.split('?');
if (urlparts.length>=2) {
var prefix= encodeURIComponent(parameter)+'=';
var pars= urlparts[1].split(/[&;]/g);
//reverse iteration as may be destructive
for (var i= pars.length; i-- > 0;) {
//idiom for string.startsWith
if (pars[i].lastIndexOf(prefix, 0) !== -1) {
pars.splice(i, 1);
}
}
if (pars.length !== 0) {
url= urlparts[0]+'?'+pars.join('&');
} else {
url= urlparts[0];
}
return url;
} else {
return url;
}
}
function aiEndsWidth(string, target) {
return string.substr(-target.length) === target;
}
/**
* Adds css to the end of the body to make sure that styles are
* not overwritten by inline css of any kind.
*/
function aiAddCss(id,css){
css = decodeURIComponent(css.replace(/\+/g, '%20'));
var body = jQuery(id).contents().find('body');
var s = document.createElement('style');
s.setAttribute('type', 'text/css');
if (s.styleSheet) { // IE
s.styleSheet.cssText = css;
} else { // the world
s.appendChild(document.createTextNode(css));
}
body.append(s);
}
/**
* add a css file to the end of the body to make sure that styles
* are not overwritten by inline css of any kind.
*/
function aiAddCssFile(id, filename) {
var body = jQuery(id).contents().find('body');
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type ='text/css';
link.href = filename;
body.append(link);
}
/**
* Add a Javascript file to the end of the body
*/
function aiAddJsFile(id, filename) {
jQuery.ajaxSetup({ cache:true});
var body = jQuery(id).contents().find('body');
var script = document.createElement('script');
script.type ='text/javascript';
script.src = filename;
body.append(script);
}
function aiPresetFullscreen() {
jQuery('#style').val('position:fixed;z-index:9000;top:0px;left:0px;margin:0px');
jQuery('#width').val('100%');
jQuery('#ai-height-0').val('100%');
jQuery('#content_id').val('html,body');
jQuery('#content_styles').val('overflow:hidden');
jQuery('#hide_content_until_iframe_color').val('#ffffff');
}
/**
* main ready function that calls all generated callbacks.
* Add dynamically created functions that should be loaded
* when the page is read to aiReadyCallbacks
*/
jQuery(document).ready(function() {
aiDebugExtended("document.ready called");
// wordpress adds often p elements that have margins we remove here.
jQuery('iframe').parent('p').css('margin','0');
aiWindowWidth = jQuery(window).width();
jQuery.each(aiReadyCallbacks, function(index, callback){
callback();
});
jQuery('.ai-fullscreen-open').on('click', function(){
jQuery(this).closest('.ai-wrapper-div').find('iframe').addClass("ai-fullscreen");
jQuery('.ai-fullscreen-open').hide();
jQuery('html,body').css('overflow','hidden');
var id = jQuery(this).data("id");
// show/render the close button
jQuery('.ai-fullscreen-close-' + id).show();
jQuery(document).on('keydown',function(evt) {
if (evt.key == "Escape") {
jQuery('.ai-fullscreen-close').trigger( "click" );
}
});
});
jQuery('.ai-fullscreen-close').on('click', function(){
// remove css for fullscreen-open
jQuery('iframe.ai-fullscreen').removeClass("ai-fullscreen");
jQuery('html').css('overflow',aiOverflowHtml);
jQuery('body').css('overflow',aiOverflowBody);
// hide/remove the close button
jQuery('.ai-fullscreen-close').hide();
// show the fullscreen icon again
jQuery('.ai-fullscreen-open').show();
jQuery(document).off("keydown");
});
setTimeout(function() { jQuery("#ai #ai-updated-text").css("visibility","hidden")}, 4000);
jQuery('#ai #checkIframes').on('click', function(){
jQuery('.ai-spinner').css('display','inline-table');
jQuery(this).addClass('disabled');
setTimeout(aiDisableCheckIframes, 200);
});
var moved=false;
jQuery('#aiDebugDivTotal').mousedown(function(){moved=false;}).mousemove(function(){moved=true;}).mouseup(function(event){
if(!moved){
var elem = jQuery('#aiDebugDiv');
if (Math.floor(elem.height()) > '300') {
elem.height('0px');
} else {
elem.height('400px');
}
}
});
if (typeof ai_show_id_only !== 'undefined') {
if (jQuery('#' + ai_show_id_only).length === 0) {
alert('The element with the id "' + ai_show_id_only + '" cannot be found. Please check your configuration.');
} else {
var element = jQuery('#' + ai_show_id_only);
element.siblings().hide();
var parents = element.parents();
parents.siblings().hide();
parents.css('padding', '0px').css('margin', '0px').css('overflow', 'hidden');
// we send the size of the element as post message if we are in an iframe
if(parent===top) {
var elementRaw = element[0];
elementRaw.style.marginTop = elementRaw.style.marginBottom = 0;
elementRaw.style.overflow = "hidden";
var newHeightRaw = Math.max(elementRaw.scrollHeight, elementRaw.offsetHeight);
var newHeight = parseInt(newHeightRaw,10);
var data = { 'aitype' : 'height', 'height' : newHeight, 'id' : ai_show_id_only};
var json_data = JSON.stringify(data);
window.parent.postMessage(json_data, '*');
}
}
}
jQuery('#ai #checkIframes').on('click', function(){
jQuery('.ai-spinner').css('display','inline-table');
jQuery(this).addClass('disabled');
setTimeout(aiDisableCheckIframes, 200);
});
});
function aiDisableCheckIframes() {
var input = jQuery("").attr("type", "hidden").attr("name", "checkIframes").val("true");
jQuery("#ai_form").append(input);
jQuery( "#ai_form" ).submit();
jQuery('#checkIframes').prop('disabled','disabled');
}
function aiProcessMessage(event,id,debug) {
var jsObject;
try {
var jsObject = JSON.parse(event.data);
} catch(e) {
// Result is not expected so we try if data is an object already
// because a converter was not implemented properly.
if (debug === 'debug' && console && console.log) {
console.log('Advanced iframe: The received message cannot be parsed and seems not to belong to advanced iframe pro. Please disable the postMessage debug mode if this o.k. and that this message is not shown anymore.');
console.log("Advanced iframe: Unknown event: ", event);
}
var jsObject = event.data;
}
try {
// we only process objects from advanced iframe
if (jsObject.hasOwnProperty('aitype')) {
// we only process the ones for the same id here.
if ( id === jsObject.id) {
var type = jsObject.aitype;
if (type === 'debug') {
aiProcessDebug(jsObject);
} else if (type === 'scrollToTop') {
aiProcessScrollToTop(jsObject);
} else {
// check if the data is of the expected
if (type === 'height') {
aiProcessHeight(jsObject);
} else if (type === 'show') {
aiProcessShow(jsObject);
}
for (var key in jsObject.data) {
if (jsObject.data.hasOwnProperty(key)) {
jQuery(key).html(jsObject.data[key]);
}
}
}
}
}
} catch(e) {
if (debug === 'debug' && console && console.log) {
console.log('Advanced iframe: The received message do not belong to advanced iframe pro. Please disable the postMessage debug mode if this o.k. and that this message is not shown anymore.');
console.log(e);
}
}
}
function aiProcessDebug(jsObject) {
var debugData = jsObject.data;
if (jQuery('#aiDebugDiv').length !== 0) {
debugData = debugData.replace(/&/g, "&").replace(//g, ">");
debugData = debugData.replace('\"', '"').replace(/\\/g,"");
jQuery('#aiDebugDiv').append('
');
// was 'body' before
var icon = '';
if (reload && showLoadingIcon==='true') {
icon = 'r: ' + debugData + '
'); } } function aiProcessScrollToTop(jsObject) { var id = jsObject.id; aiScrollToTop(id, aiOnloadScrollTop); } function aiProcessHeight(jsObject) { var nHeight = jsObject.height; var nWidth = jsObject.width; var iAnchor = parseInt(jsObject.anchor,10); var id = jsObject.id; if (nHeight != null) { try { var loc = jsObject.loc; if (loc != null && !loc.includes("send_console_log")) { if (typeof aiChangeUrl === "function"){ aiChangeUrl(loc); } } var title = jsObject.title; if (title != null && title != "undefined" && title != "") { document.title = decodeURIComponent(title); } if (id != null) { var iHeight = parseInt(nHeight,10); var iWidth = parseInt(nWidth,10); aiResizeIframeHeightId(iHeight,iWidth, id); if (!isNaN(iAnchor) && iAnchor > -1) { // var iframeTop = jQuery("#" + id).offset().top; setTimeout(function() { jQuery("html,body").scrollTop(Math.round(iframeTop + iAnchor)); aiShowIframeId(id); }, 100); } else { aiShowIframeId(id); } } else { alert('Please update the ai_external.js to the current version.'); } } catch(e) { if (console && console.log) { console.log(e); } } } } function aiProcessShow(jsObject) { var id = jsObject.id; try { aiShowIframeId(id); } catch(e) { if (console && console.log) { console.log(e); } } } function aiDisableRightClick(id) { try { window.frames[id].document.oncontextmenu = function(){ return false; }; } catch(e) { // we ignore the error as it only works on the same domain. } } function aiRemoveElementsFromHeight(id,height,removeElements) { var iframe = jQuery('#' + id); var elementArray = removeElements.split(','); var totalHeight = 0; for (var i = 0; i < elementArray.length; i++) { try { var el = elementArray[i]; if (el.includes("|")) { var rangeArray = el.split('|'); var bottomElement = jQuery(rangeArray[0]); var beforeBottom = Math.round(bottomElement.offset().top + bottomElement.outerHeight(true)); var nextTop = Math.round(jQuery(rangeArray[1]).offset().top); totalHeight += nextTop - beforeBottom; } else if (el === 'top') { totalHeight += Math.round(jQuery('#' + id).offset().top); } else if (isNaN(el)) { totalHeight += jQuery(el).outerHeight(true); } else { totalHeight += parseInt(el); } } catch(e) { if (console && console.error) { console.error('Advanced iframe configuration error: The configuration of remove_elements_from_height "'+removeElements+'" is invalid. Please check if the elements you defined do exist and ids/classes are defined properly.'); console.log(e); } } } var calc = 'calc(' + height + ' - ' + totalHeight + 'px)'; iframe.css('height', calc); } function aiTriggerAutoOpen(id, selector, autoclickDelay, hideTime) { aiDebugExtended("aiTriggerAutoOpen"); if (autoclickDelay === 0) { aiOpenIframeOnClick(id, selector); } else { setTimeout(function() { aiOpenIframeOnClick(id, selector); }, autoclickDelay); } var now = new Date(); var time = now.getTime(); var expireTime = time + (hideTime * 86400000); now.setTime(expireTime); var trimmedSelector = selector.replace(/[^A-Za-z0-9\-]/g, ''); document.cookie = 'ai_disable_autoclick_iframe_' + trimmedSelector + '=Auto open is disabled until this cookie expires;expires='+now.toUTCString()+';path=/'; } function aiCheckAutoOpenHash(id, autoclickDelay, hideTime) { if (window.location.hash) { var hash = window.location.hash; var trimmedHash = hash.replace(/[^A-Za-z0-9\-]/g, ''); trimmedHash = "#" + trimmedHash; if (jQuery(trimmedHash).length !== 0) { // id does exist if (jQuery(trimmedHash).first().attr('target') == id) { // target is iframe aiTriggerAutoOpen(id, trimmedHash, autoclickDelay, hideTime); } } } } function aiOpenIframeOnClick(id, selector) { var myelement = jQuery(selector).first().attr("href"); jQuery("#" + id).attr("src", myelement); jQuery(selector).first().click(); } // IE11 does not support includes if (!String.prototype.includes) { String.prototype.includes = function(search, start) { if (typeof start !== 'number') { start = 0; } if (start + search.length > this.length) { return false; } else { return this.indexOf(search, start) !== -1; } }; } if (!String.prototype.startsWith) { String.prototype.startsWith = function(searchString, position) { position = position || 0; return this.indexOf(searchString, position) === position; }; };